/**
* 功能描述: 基础下拉框demo
* @author 崔孝楠
* @date 2022/9/23 11:24
* @version 1.0
*/
<template>
  <!-- link触发下拉菜单 -->
  <div class="yw-dropdown">
    <div class="yw-dropdown-link yw-dropdown-trigger" >
      <a>Hover me</a>
      <span role="img">
        <svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
          <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
        </svg>
      </span>
    </div>
    <ul class="yw-dropdown-menu yw-dropdown-menu-light" role="menu" data-menu-list="true"></ul>
  </div>
  <!-- button触发下拉菜单 -->
  <div class="yw-dropdown" style="left: 500px">
    <button class="yw-btn" style="margin-right: -1px">
      button
    </button>
    <button class="yw-btn yw-dropdown-trigger">
      <svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
        <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
      </svg>
    </button>
    <ul class="yw-dropdown-menu yw-dropdown-menu-light" role="menu" data-menu-list="true"></ul>
  </div>

</template>

<script>
import YwBaseEmpty from "../Empty/index.vue";
import YwBaseYearPicker from "../YearPicker/index.vue";
export default {
  name: "index",
  components: {
    YwBaseYearPicker,
    YwBaseEmpty
  }
}
</script>

<style scoped>

</style>
